<script>

export default {
  name: 'Test_Component',
  props: ['title'],
  data() {
    return {
      monthList: [
        {id: 1, month: '一月'},
        {id: 2, month: '二月'},
        {id: 3, month: '三月'},
        {id: 4, month: '四月'},
      ],
    }
  },
}
</script>

<template>
  <div class="test">
    <h1>{{ title }}</h1>
    <!--   插槽 -->
    <!--    <slot name="body">
          数据不存在
        </slot>
        <slot name="foot">
          数据不存在
        </slot>-->
    <slot :monthList="monthList">
      数据不存在
    </slot>
  </div>
</template>

<style scoped>
.test {
  width: 300px;
  background: #59b2ee;
}

h1 {
  color: #fff;
  text-align: center;
}

img {
  width: 100%;
}
</style>